page {
  background: #f9f9f9;
  font-size: 30rpx;

  view {
    box-sizing: border-box;
  }

  button {
    border-radius: 4rpx;
    &::after {
      border-radius: 4rpx;
      border: 0;
    }
    &[type='primary'] {
      background: #23d1a5;
    }
  }

  radio {
    .wx-radio-input {
      height: 34rpx;
      width: 34rpx;
      border-radius: 50%;
      border: 2rpx solid #d1d1d1;
    }
    .wx-radio-input-checked {
      border-color: #23d1a5;
      background: #23d1a5;
    }
    .wx-radio-input.wx-radio-input-checked::before {
      border-radius: 50%;
      width: 20rpx;
      height: 20rpx;
      line-height: 20rpx;
      text-align: center;
      font-size: 22rpx;
      color: #fff;
      background: transparent;
      transform: translate(-50%, -50%) scale(1);
    }
  }
  checkbox {
    .wx-checkbox-input {
      width: 34rpx;
      height: 34rpx;
      border-radius: 50%;
    }
    .wx-checkbox-input.wx-checkbox-input-checked {
      background: #23d1a5;
      border-color: #23d1a5;
    }
    .wx-checkbox-input.wx-checkbox-input-checked::before {
      width: 20rpx;
      height: 20rpx;
      line-height: 20rpx;
      text-align: center;
      font-size: 22rpx;
      color: #fff;
      background: transparent;
      transform: translate(-50%, -50%) scale(1);
    }
  }

  // 覆盖水印层级，水印层级9999
  input,
  image,
  button,
  .button,
  .input,
  .image,
  .radio,
  .checkbox {
    z-index: 10000 !important;
  }
}
